<!DOCTYPE html>
<html> 
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1.0"/>
<title>Rain CSS > Index</title>
<meta content="rain css,rain_css,rain css framework,rain.css,html5前端框架,前端框架,front-end,css" name="description"/>
<meta content="rain css,rain_css,rain css framework,rain.css,html5前端框架,前端框架,front-end,css" name="keywords"/>
<!-- Framework CSS -->
<link rel="stylesheet" href="css/blueprint/screen.css" type="text/css" media="all"/>
<link rel="stylesheet" href="css/blueprint/print.css" type="text/css" media="print"/> 
<!--[if lte IE 8]><link rel="stylesheet" href="css/blueprint/ie.css" type="text/css" media="screen, projection"><![endif]--> 
<link rel="stylesheet" href="css/rain.css" type="text/css" media="all"/>
<!--[if lt IE 9]><script type="text/javascript" src="js/html5.js"></script><![endif]-->
<style type="text/css">
 
</style>
</head>
<body class="body">
	<div class="header headerBlue">
  	<nav class="lsn posr clearfix">
    	<a href="http://www.webdevelopmentmachine.com" class="headerLink headerLinkBlue l pr pl ib tdn">首页home</a>
    	<a href="http://www.webdevelopmentmachine.com/blog" class="headerLink headerLinkBlue l pr pl ib tdn">博客blog</a>
    	<a href="http://www.webdevelopmentmachine.com/demo/game.html" class="headerLink headerLinkBlue l pr pl ib tdn">游戏game</a>
    </nav>
  </div>
  <div class="headerM headerGrey">
  <div class="posr"><a class="tdn block ptll fsxxl" href="index.html">Rain CSS</a> </div>
  </div>
	<div class="mt">  
                    <h1 class="entryTitle pt">全屏大Banner</h1>
                      <div class="c_touch2 mainads oh">
                             <div class="c_touhmain posr oh">
                             <ul class=" lsn c_touhlist posa nom nop fullw clearfix">
                               <li class="fl l posr adsitem" style="background:#fff;"> 
                                      <span class="block fullw fullh" style="background:url(http://ww3.sinaimg.cn/large/005vSBqyjw1elpmz3aub7j31hc0u0qrl.jpg) no-repeat 50% 50%"></span>
                               </li>  
                               <li class="fl l posr adsitem" style="background:#953914;"> 
                                      <span class="block fullw fullh" style="background:url(http://ww2.sinaimg.cn/large/005vSBqyjw1eul2zqj9xdj31hc0xcwps.jpg) no-repeat 50% 50%"></span>
                               </li> 
                               <li class="fl l posr adsitem" style="background:#F8E0C8;"> 
                                      <span class="block fullw fullh" style="background:url(http://ww2.sinaimg.cn/large/005vSBqyjw1eul2zptp78j31hc0u0wmj.jpg) no-repeat 50% 50%"></span>
                               </li> 
                               
                             </ul>
                             <ul class="c_touchicon lsn clearfix posa nom nop tipCir">
                               <li class="fl l posr c_tips mls "> <i class="c_on tipicon h-1 w-1 block so bggrey"></i></li>
                               <li class="fl l posr c_tips mls "> <i class="c_on tipicon h-1 w-1 block so bggrey"></i></li> 
                               <li class="fl l posr c_tips mls "> <i class="c_on tipicon h-1 w-1 block so bggrey"></i></li> 
                             </ul>
                           </div>
                      </div> 

    <footer class="footer socialFooter c borderTop">
      <p class="ps">Maintained by the <a href="https://github.com/rainzhai" class="blue">RainZhai</a>.</p>
      <p class="ps">Code licensed under <a rel="license" class="blue" href="https://github.com/twbs/bootstrap/blob/master/LICENSE" target="_blank">MIT</a>, documentation under <a rel="license"  class="blue" href="https://creativecommons.org/licenses/by/3.0/" target="_blank">CC BY 3.0</a>.</p> 
    </footer>  
  </div>
 <a id="scrollUp" href="#top" class='scrollup posf block'></a> 
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script> 
<script type="text/javascript" src="js/util.js"></script>
<script type="text/javascript" src="js/swipe.js"></script>
<script type="text/javascript">
        //创建滑动广告头部 
        var bigswipe = new $.swipe({ 
              touchSelector: ".c_touch2",
              imgArray: [],
              linksArray: [],
              time: 3000,
              autorun: true,
              width: $(document).width(),
              height: 500,
              responsive: false,
              fadeout: true,
              tipsClass: "bggrey",
              tipsActiveClass: "bgw",
              tipswrapStyle: {
                bottom: "25px",
                right: ($(window).width()-40)/2 +"px"
        }});  
</script> 
</body>
</html>
